<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    








<!--  

    audio 標籤用來向頁面中引入一個外部音頻文件的
        音視頻文件引入時,默認情況下不允許用戶自己控制播放暫停

        屬性:
        src就跟圖片標籤的屬性一樣的...
        controls 是否允許用戶控制播放
        autoplay 音頻文件是否自動播放
            -入宮設置了autoplay 則音樂再打開頁面是會自動播放    
                但是目前來講大部分瀏覽器都不會自動對音樂進行播放
        loop 音樂是否循環播放

        播放器的美觀需要CSS支持

-->

<!--  

    除了通過sec來指定外部文件的路徑以外,還可以通過source來指定文件的路徑
    可以更嚴謹.提高代碼的兼容性

-->
<audio src="../outer/下山.m3" controls loop autoplay></audio>

<!-- 在瀏覽不支持播放音頻的時候,編譯器會自動忽略掉audio的內容,實現文字內的內容 -->

<audio controls>
對不起,您的瀏覽器不支持播放音頻!請升級瀏覽器
<!-- 會一層一層運行,如果第一層運行成功,瀏覽器沒有運行失敗,沒有兼容性問題,就會運行,否則,則一層層往下 -->
<source src="">
<source src="">
<embed src="../outer/下山.mp3" type="audio/mp3"width="200"height="100">
    <!--
         embed標籤可以兼容全部瀏覽器,但是會自動播放,且大小得自己設置
         type屬性
            是用來指定格式的..
    -->
</audio>
                         

<!-- 

    使用video標籤來在網頁中引入視頻文件

        -使用方式和audio基本上是一樣的

 -->

<video  controls >
    
                                                                                                                                                                                                                                                                                                                  
    <source src="">
</video>




                      












</body>
</html>